<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>溢出属性</title>
		<style>
			div{
				width: 500PX;
				height: 100px;
				background: #eee;
				/*溢出出现条件：内部元素大于内部元素
				overflow溢出属性：hidden隐藏
									scroll 滚动条
									auto 高宽超出部分自动滚动条;
				*/
				overflow: hidden;
				overflow: scroll;
				overflow: auto;
				/*overflow-x 横向轴 overflow-y 纵向轴*/
				/*需求：横纵*/
				overflow-y:hidden;
			}
			p{
				width: 800px;
			}
		</style>
	</head>
	<body>
	<div> <!-- 理解：水杯 -->
	 <p><!-- 理解：水 -->
	 <img src="img/p_small_001.jpg" alt="1" />
	 <img src="img/p_small_002.jpg" alt="2" />
	 <img src="img/p_small_003.jpg" alt="3" />
	 <img src="img/p_small_004.jpg" alt="4" />
	 <img src="img/p_small_005.jpg" alt="5" />
	 <img src="img/p_small_006.jpg" alt="6" />
	 <img src="img/p_small_007.jpg" alt="7" />
	 </p>
	 </div>
	 </body>
</html>